<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>

    <!-- css样式 -->
    <link rel="stylesheet" href="css/vip.css" />
    <link rel="stylesheet" href="css/reset.css">

    <!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
    <link
      rel="stylesheet"
      href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"
      integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu"
      crossorigin="anonymous"
    />

    <!-- 表单搜索 -->
    <link
      rel="stylesheet"
      href="https://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.css"
    />

    <!-- 轮播图 -->
    <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>

    <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>

    <!-- jquery -->
    <script src="js/jquery.js"></script>
    <!-- js.顶部悬浮 -->
    <script src="js/vip.js"></script>
    <style>
      a {
        text-decoration: none;
      }
      a:hover {
        text-decoration: none;
      }
    </style>
  </head>
  <body>
    <div class="box">
      <!-- 顶部 -->
      <div class="zhengzhou">
        <a href="" class="zheng"
          >郑州<span class="glyphicon glyphicon-triangle-bottom"></span
        ></a>
      </div>
      <div class="denglu">
        <a href="denglu&zhuce.html" class="bianju">请登录</a>
        /
        <a href="denglu&zhuce.html" class="bianju">注册</a>
        /
        <a href="" class="bianju"
          ><span class="glyphicon glyphicon-gift"></span>签到有礼</a
        >
        /
        <a href="" class="bianju">我的订单</a>
        /
        <a href="" class="bianju"
          >我的特卖<span class="glyphicon glyphicon-triangle-bottom"></span
        ></a>
        /
        <a href="" class="bianju"
          >会员俱乐部<span class="glyphicon glyphicon-triangle-bottom"></span
        ></a>
        /
        <a href="" class="bianju"
          >客户服务<span class="glyphicon glyphicon-triangle-bottom"></span
        ></a>
        /
        <a href="" class="bianju"
          ><span class="glyphicon glyphicon-phone"></span> 手机版</a
        >
        /
        
        <div class="btn-group bianju" role="group">
          <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
            更多
            <span class="caret"></span>
          </button>
          <ul class="dropdown-menu">
            <li><a href="#">唯品专区</a></li>
            <li><a href="#">唯品卡</a></li>
            <li><a href="#">---------------</a></li>
            <li><a href="#">关于我们</a></li>
            <li><a href="#">Sell on vip 品牌招商 官方博客</a></li>
          </ul>
        </div>
      
      </div>
    </div>

    <!-- 唯品会log -->
    <div class="box1">
      <a href=""><img src="img/10001.png" alt="" class="tu1" /></a>
      <a href=""><img src="img/10002.jpg" alt="" class="tu2" /></a>

      <!-- 表单搜索 -->
      <form class="example" action="/" style="width: 400px">
        <input type="text" placeholder="情人节狂宠礼 幸福价" name="search2" />
        <button type="submit"><i class="fa fa-search"></i></button>
      </form>

      <!-- 购物袋 -->
      <div class="gouwu">
        <span class="glyphicon glyphicon-shopping-cart">5件</span>
        <a href="shopping.html"> 购物袋</a>
      </div>
    </div>

    <!-- 顶部悬浮 -->
    <div class="topDiv"><div>
  
      <!-- 回到顶部 -->
      <input type="button" value="回到顶部" id="btn">

    <!-- 商品分类 -->
    <div class="box2">
      <div class="shang">
        <div class="btn-group" role="group">
          <button type="button" class="btn btn-default dropdown-toggle shang" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
            商品分类
            <span class="caret"></span>
          </button>
          <ul class="dropdown-menu">
            <li><a href="#">女装/男装/内衣</a></li>
            <li><a href="#">女鞋/男鞋/箱包</a></li>
            <li><a href="#">护肤彩妆/个护</a></li>
            <li><a href="#">户外运动</a></li>
            <li><a href="#">家电数码</a></li>
            <li><a href="#">母婴童装</a></li>
            <li><a href="#">手表配饰</a></li>
            <li><a href="#">居家用品</a></li>
            <li><a href="#">唯品生活</a></li>
            <li><a href="#">医药健康</a></li>
          </ul>
        </div>
      </div>
      <div class="tuijian">
        <a href="" class="tui">推荐</a>
        <a href="" class="tui">3折疯抢</a>
        <a href="" class="tui">唯品快抢</a>
        <a href="" class="tui">唯品奥莱</a>
        <a href="" class="tui">女装</a>
        <a href="" class="tui">美妆</a>
        <a href="" class="tui">首饰</a>
        <a href="" class="tui">鞋包</a>
        <a href="" class="tui">运动</a>
        <a href="" class="tui">男装</a>
        <a href="" class="tui">母婴</a>
        <a href="" class="tui">电器</a>

        <div class="btn-group tui" role="group">
          <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
            更多
            <span class="caret"></span>
          </button>
          <ul class="dropdown-menu">
            <li><a href="#">百货</a></li>
            <li><a href="#">内衣</a></li>
            <li><a href="#">食品</a></li>
            <li><a href="#">家访</a></li>
          </ul>
         
        </div>
        
     
      </div>
    </div>
    <!-- 轮播图 -->
    <div class="beijingtu">
      <!-- <img src="img/10061.jpg" alt=""> -->
    </div>
    <div class="box3">
      <div id="myCarousel" class="carousel slide">
        <!-- 轮播（Carousel）指标 -->
        <ol class="carousel-indicators">
          <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
          <li data-target="#myCarousel" data-slide-to="1"></li>
          <li data-target="#myCarousel" data-slide-to="2"></li>
          <li data-target="#myCarousel" data-slide-to="3"></li>
        </ol>
        <!-- 轮播（Carousel）项目 -->
        <div class="carousel-inner">
          <div class="item active">
            <a href="dayi.html"><img src="img/10003.jpg" alt="First slide" /></a>
          </div>
          <div class="item">
            <a href="cpb.html"><img src="img/10004.jpg" alt="Second slide" /></a>
          </div>
          <div class="item">
            <a href="TWS2e.html"><img src="img/10005.jpg" alt="Third slide" /></a>
          </div>
          <div class="item">
            <a href="cpb.html"><img src="img/10006.jpg" alt="Third slide" /></a>
          </div>
        </div>
        <!-- 轮播（Carousel）导航 -->
        <a
          class="left carousel-control"
          href="#myCarousel"
          role="button"
          data-slide="prev"
        >
          <span
            class="glyphicon glyphicon-chevron-left"
            aria-hidden="true"
          ></span>
          <span class="sr-only">Previous</span>
        </a>
        <a
          class="right carousel-control"
          href="#myCarousel"
          role="button"
          data-slide="next"
        >
          <span
            class="glyphicon glyphicon-chevron-right"
            aria-hidden="true"
          ></span>
          <span class="sr-only">Next</span>
        </a>
      </div>
    </div>

    <!-- 大牌汇聚 -->
    <div class="box4">
      <a href=""><img src="img/10007.jpg" alt="" class="tu3" /></a>
      <img src="img/10008.jpg" alt="" class="tu4" />
      <img src="img/10009.jpg" alt="" class="tu4" />
      <img src="img/10010.jpg" alt="" class="tu4" />
    </div>

    <!-- 每日必看 -->
    <div class="box5">
      <a href=""><img src="img/10011.jpg" alt="" class="tu5" /></a>
    </div>

    <!-- 3折疯抢 -->
    <div class="box6">
      <div class="zuoshang">
        <a href=""><img src="img/10012.jpg" alt="" class="tu6" /> </a>
        <a href=""><img src="img/10013.jpg" alt="" class="tu7" /></a>
        <a href="" class="kuan">共792款</a>
        <a href="" class="jinqian">￥198</a>
        <a href="" class="temai">特卖价</a>
        <a href=""><img src="img/10014.jpg" alt="" class="tu8" /></a>
        <a href="" class="kuan1">共1591款</a>
        <a href="" class="jinqian1">￥88</a>
        <a href="" class="temai1">特卖价</a>
        <a href=""><img src="img/10015.jpg" alt="" class="tu9" /></a>
        <a href="" class="kuan2">共355款</a>
        <a href="" class="jinqian2">￥141</a>
        <a href="" class="temai2">特卖价</a>
      </div>

      <!-- 唯品快抢 -->

      <div class="youshang">
        <a href=""><img src="img/10016.jpg" alt="" class="tu10" /></a>
        <a href=""><img src="img/10017.jpg" alt="" class="haoqi" /></a>
        <a href="" class="jiaqian3">￥99</a>
        <a href="" class="temai3">特卖价</a>
        <a href=""> <img src="img/10018.jpg" alt="" class="fangsi" /></a>
        <a href="" class="jiaqian4">￥95</a>
        <a href="" class="temai4">特卖价</a>
        <a href=""><img src="img/10019.jpg" alt="" class="lanyueliang" /></a>
        <a href="" class="jiaqian5">￥89</a>
        <a href="" class="temai5">特卖价</a>
      </div>

      <!-- 今日降价 -->
      <div class="zuoxia">
        <a href=""><img src="img/10020.jpg" alt="" class="tu11" /></a>
        <a href=""><img src="img/10021.jpg" alt="" class="mianmo" /></a>
        <a href="" class="jiaqian6">￥168</a>
        <a href="" class="temai6">特卖价</a>
        <a href=""> <img src="img/10022.jpg" alt="" class="prox" /></a>
        <a href="" class="jiaqian7">￥523</a>
        <a href="" class="temai7">特卖价</a>
        <a href=""><img src="img/10023.jpg" alt="" class="lankou" /></a>
        <a href="" class="jiaqian8">￥208</a>
        <a href="" class="temai8">特卖价</a>
      </div>

      <!-- 排行榜 -->
      <div class="youxia">
        <a href=""><img src="img/10024.jpg" alt="" class="tu12" /></a>
        <a href=""><img src="img/10021.jpg" alt="" class="yurongfu" /></a>
        <a href=""><img src="img/10028.png" alt="" class="redu" /></a>
        <a href="" class="yurongfu1">女士羽绒服</a>

        <a href=""> <img src="img/10022.jpg" alt="" class="hufu" /></a>
        <a href=""><img src="img/10028.png" alt="" class="redu1" /></a>
        <a href="" class="hufu1">护肤套装</a>

        <a href=""><img src="img/10023.jpg" alt="" class="dayi" /></a>
        <a href=""><img src="img/10028.png" alt="" class="redu2" /></a>
        <a href="" class="dayi1">女式大衣</a>
      </div>
    </div>

    <!-- 彩妆香水专场 -->

    <div class="box7">
      <!-- 第一行 -->
      <div class="zuo1">
        <a href="cpb.html"><img src="img/10029.jpg" alt="" class="tu01" /></a>
        <div class="name">
          <span class="num">2.2</span>
          <span class="str">折起</span>
          <span class="COLORKEY">珂拉琪COLORKEY彩妆香水专场</span>
        </div>
      </div>
      <div class="zuo2">
        <a href=""><img src="img/10030.jpg" alt="" class="tu02" /></a>
        <div class="name">
          <span class="num">1.3</span>
          <span class="str">折起</span>
          <span class="COLORKEY">ONLY</span>
        </div>
      </div>

      <!-- 第二行 -->

      <div class="zuo1">
        <a href="TWS2e.html"><img src="img/10031.jpg" alt="" class="tu01" /></a>
        <div class="name">
          <span class="num">6.7</span>
          <span class="str">折起</span>
          <span class="COLORKEY">苹果APPLE数码电子专场</span>
        </div>
      </div>
      <div class="zuo2">
        <a href="dayi.html"><img src="img/10032.jpg" alt="" class="tu02" /></a>
        <div class="name">
          <span class="num">5</span>
          <span class="str">折封顶</span>
          <span class="COLORKEY">super.natural男女装专卖</span>
        </div>
      </div>

      <!-- 第三行 -->

      <div class="zuo1">
        <a href=""><img src="img/10033.jpg" alt="" class="tu01" /></a>
        <div class="name">
          <span class="num">2</span>
          <span class="str">折起</span>
          <span class="COLORKEY">持久口气清新产品</span>
        </div>
      </div>
      <div class="zuo2">
        <a href=""><img src="img/10034.jpg" alt="" class="tu02" /></a>
        <div class="name">
          <span class="num">2.1</span>
          <span class="str">折起</span>
          <span class="COLORKEY">半亩花田美妆个护专场</span>
        </div>
      </div>

      <!-- 第四行 -->

      <div class="zuo1">
        <a href=""><img src="img/10035.jpg" alt="" class="tu01" /></a>
        <div class="name">
          <span class="num">1.6</span>
          <span class="str">折起</span>
          <span class="COLORKEY">VERO MODA女装专场</span>
        </div>
      </div>
      <div class="zuo2">
        <a href=""><img src="img/10036.jpg" alt="" class="tu02" /></a>
        <div class="name">
          <span class="num">1.5</span>
          <span class="str">折起</span>
          <span class="COLORKEY">彪马PUMA男女装/运动户外专场</span>
        </div>
      </div>

      <!-- 第五行 -->

      <div class="zuo1">
        <a href=""><img src="img/10037.jpg" alt="" class="tu01" /></a>
        <div class="name">
          <span class="num">2</span>
          <span class="str">折起</span>
          <span class="COLORKEY">自然堂CHANDO美妆个护专场</span>
        </div>
      </div>
      <div class="zuo2">
        <a href=""><img src="img/10038.jpg" alt="" class="tu02" /></a>
        <div class="name">
          <span class="num">0.9</span>
          <span class="str">折起</span>
          <span class="COLORKEY">乐町女装专场</span>
        </div>
      </div>

      <!-- 第六行 -->

      <div class="zuo1">
        <a href=""><img src="img/10039.jpg" alt="" class="tu01" /></a>
        <div class="name">
          <span class="num">2</span>
          <span class="str">折起</span>
          <span class="COLORKEY">密丝婷Mistine美妆个护专场</span>
        </div>
      </div>
      <div class="zuo2">
        <a href=""><img src="img/10040.jpg" alt="" class="tu02" /></a>
        <div class="name">
          <span class="num">2</span>
          <span class="str">折起</span>
          <span class="COLORKEY">卡姿兰Carslan护肤彩妆专场</span>
        </div>
      </div>

      <!-- 第七行 -->

      <div class="zuo1">
        <a href=""><img src="img/10041.jpg" alt="" class="tu01" /></a>
        <div class="name">
          <span class="num">0.9</span>
          <span class="str">折起</span>
          <span class="COLORKEY">太平鸟男女装专卖</span>
        </div>
      </div>
      <div class="zuo2">
        <a href=""><img src="img/10042.jpg" alt="" class="tu02" /></a>
        <div class="name">
          <span class="num">2</span>
          <span class="str">折起</span>
          <span class="COLORKEY">斯凯奇SKECHERS男女装/运动户外专场</span>
        </div>
      </div>

      <!-- 第八行 -->

      <div class="zuo1">
        <a href=""><img src="img/10043.jpg" alt="" class="tu01" /></a>
        <div class="name">
          <span class="num">3</span>
          <span class="str">折封顶</span>
          <span class="COLORKEY">DYMCOLLEGE女装专场</span>
        </div>
      </div>
      <div class="zuo2">
        <a href=""><img src="img/10044.jpg" alt="" class="tu02" /></a>
        <div class="name">
          <span class="num">4</span>
          <span class="str">折封顶</span>
          <span class="COLORKEY">三彩女装专场</span>
        </div>
      </div>

      <!-- 第九行 -->

      <div class="zuo1">
        <a href=""><img src="img/10045.jpg" alt="" class="tu01" /></a>
        <div class="name">
          <span class="num">3</span>
          <span class="str">折封顶</span>
          <span class="COLORKEY">沙驰satchi服装鞋履专场</span>
        </div>
      </div>
      <div class="zuo2">
        <a href=""><img src="img/10046.jpg" alt="" class="tu02" /></a>
        <div class="name">
          <span class="num">1.4</span>
          <span class="str">折起</span>
          <span class="COLORKEY">DAVE&BELLA母婴鞋装服专场</span>
        </div>
      </div>

      <!-- 第十行 -->

      <div class="zuo1">
        <a href=""><img src="img/10047.jpg" alt="" class="tu01" /></a>
        <div class="name">
          <span class="num">2.1</span>
          <span class="str">折起</span>
          <span class="COLORKEY">维诺娜winona面部护理专场</span>
        </div>
      </div>
      <div class="zuo2">
        <a href=""><img src="img/10048.jpg" alt="" class="tu02" /></a>
        <div class="name">
          <span class="num">1</span>
          <span class="str">折起</span>
          <span class="COLORKEY">MO&Co.女装专场</span>
        </div>
      </div>

      <!-- 第十一行 -->

      <div class="zuo1">
        <a href=""><img src="img/10049.jpg" alt="" class="tu01" /></a>
        <div class="name">
          <span class="num">5.4</span>
          <span class="str">折起</span>
          <span class="COLORKEY">韩国三熹玉3CE彩妆香水专场</span>
        </div>
      </div>
      <div class="zuo2">
        <a href=""><img src="img/10050.jpg" alt="" class="tu02" /></a>
        <div class="name">
          <span class="num">1.1</span>
          <span class="str">折起</span>
          <span class="COLORKEY">伊芙丽eifini女装专场</span>
        </div>
      </div>

      <!-- 第十二行 -->

      <div class="zuo1">
        <a href=""><img src="img/10051.jpg" alt="" class="tu01" /></a>
        <div class="name">
          <span class="num">3.6</span>
          <span class="str">折起</span>
          <span class="COLORKEY">大牌汇聚 X 雅诗兰黛EsteeLauder专场</span>
        </div>
      </div>
      <div class="zuo2">
        <a href=""><img src="img/10052.jpg" alt="" class="tu02" /></a>
        <div class="name">
          <span class="num">0.7</span>
          <span class="str">折起</span>
          <span class="COLORKEY">诗篇PSALTER女装专卖</span>
        </div>
      </div>

      <!-- 第十三行 -->

      <div class="zuo1">
        <a href=""><img src="img/10053.jpg" alt="" class="tu01" /></a>
        <div class="name">
          <span class="num">2.2</span>
          <span class="str">折起</span>
          <span class="COLORKEY">苏泊尔SUPOR电器专场</span>
        </div>
      </div>
      <div class="zuo2">
        <a href=""><img src="img/10054.jpg" alt="" class="tu02" /></a>
        <div class="name">
          <span class="num">3.9</span>
          <span class="str">折封顶</span>
          <span class="COLORKEY">Havva女装专场</span>
        </div>
      </div>

      <!-- 第十四行 -->

      <div class="zuo1">
        <a href=""><img src="img/10055.jpg" alt="" class="tu01" /></a>
        <div class="name">
          <span class="num">3</span>
          <span class="str">折起</span>
          <span class="COLORKEY">玉兰油OLAY面部护理专场</span>
        </div>
      </div>
      <div class="zuo2">
        <a href=""><img src="img/10056.jpg" alt="" class="tu02" /></a>
        <div class="name">
          <span class="num">5</span>
          <span class="str">折封顶</span>
          <span class="COLORKEY">香影xiangying女装专场</span>
        </div>
      </div>
    </div>

    <!-- 查看更多 -->

    <div class="more">
      <a href=""><span class="more-data"> 点击查看更多>> </span></a>
    </div>

    <!-- 正品货源 -->
    <div class="footer-1"></div>
      <div class="footer">
      <img src="img/10057.png" alt="" class="footer-inner" />

    
    
      <!-- 服务保障 -->

      <div class="footer-list">
        <dl class="link-anim">
          <dt>服务保障</dt>
          <dd><a href="">正品保证</a></dd>
          <dd><a href="">7天无理由放心退</a></dd>
          <dd><a href="">7x15小时客户服务</a></dd>
          <dd><a href="">7天无理由随心换</a></dd>
        </dl>
        <dl class="link-anim">
          <dt>购物指南</dt>
          <dd><a href="">导购演示</a></dd>
          <dd><a href="">订单操作</a></dd>
          <dd><a href="">会员注册</a></dd>
          <dd><a href="">账户管理</a></dd>
          <dd><a href="">收货样品</a></dd>
          <dd><a href="">会员等级</a></dd>
        </dl>
        <dl class="link-anim">
          <dt>支付方式</dt>
          <dd><a href="">23家主流网银支付</a></dd>
          <dd><a href="">支付宝、银联等支付</a></dd>
          <dd><a href="">信用卡支付</a></dd>
          <dd><a href="">零钱支付</a></dd>
        </dl>
        <dl class="link-anim">
          <dt>配送方式</dt>
          <dd><a href="">配送范围及运费</a></dd>
          <dd><a href="">验货与签收</a></dd>
        </dl>
        <dl class="link-anim">
          <dt>售后服务</dt>
          <dd><a href="">退货政策</a></dd>
          <dd><a href="">退货流程</a></dd>
          <dd><a href="">退款方式和时效</a></dd>
          <dd><a href="">换货服务</a></dd>
        </dl>
        <dl class="tc last">
          <dt>唯品会APP二维码</dt>
          <dd>
            <img
              class="lazy"
              src="img/10058.jpg"
              width="100"
              height="100"
              alt="唯品会APP二维码"
            />
          </dd>
          <dd><a href="">下载唯品会移动APP</a></dd>
        </dl>
      </div>
    </div>

    <!-- 关于我们 -->

    <div class="footer-infor">
      <p class="footer-infor-link">
        <a href="">关于我们</a>
        |
        <a href="">About us</a>
        |
        <a href="">Investor Relations</a>
        |
        <a href="">媒体报道</a>
        |
        <a href="">品牌招商</a>
        |
        <a href="">平台规则</a>
        |
        <a href="">隐私条款</a>
        |
        <a href="">唯品诚聘</a>
        |
        <a href="">唯品卡</a>
        |
        <a href="">联系我们</a>
        |
        <a href="">廉正举报</a>
      </p>
    </div>

    <!-- 根部 -->

    <div class="box8">
      <p class="footer-infor-txt">
        Copyright © 2008-现在 vip.com,All Rights Reserved 使用本网站即表示接受
        <a href="">唯品会用户协议</a>
        。版权所有
        <a href="">广州唯品会电子商务有限公司</a>

        <!-- 第二行  -->
        <br />

        <a href="" class=""
          ><img
            src="img/10059.png"
            alt=""
            width="14px"
            height="14px"
          />粤公网安备 44010302111111号
        </a>
        &nbsp;&nbsp;
        <a href="">粤ICP备08114786号</a>
        <a href="">增值业务经营许可证:粤B2-20170777</a>
        <a href=""> 网络文化经营许可证:粤网文(2021)2056-282号</a>

        <!-- 第三行  -->

        <br />

        <a href="">经营主体证照</a>
        &nbsp;&nbsp;
        <a href="">风险监测信息</a>
        &nbsp;&nbsp;
        <a href="">互联网药品信息服务资格证书:&nbsp; (粤)-经营性-2018-0271</a>
        <a href=""> 网络食品交易第三方平台备案凭证:&nbsp; 粤B2-20170777</a>
        <a href="">医疗器械网络交易服务第三方平台备案</a>

        <!-- 第四行  -->

        <br />

        <a href="">凭证:&nbsp; (粤)网械平台备字[2019]第00001号</a>
        &nbsp;&nbsp;
        <span  color: grey;>出版物网络交易平台服务经营备案证:&nbsp; 粤新出网备(2021)1号 </span>
        &nbsp;
        <a href="">未成年人关怀专区</a>

        <!-- 第五行 -->

        <br>

        <span color: grey;>违法和不良信息举报电话:&nbsp;4006789888;&nbsp; 举报邮箱:&nbsp;</span>
        <a href="">privacy@vipshop.com</a>
        
        <br>
      <a href=""><img src="img/10060.png" alt="" width="76px" height="40px"  ></a>
      <a href=""><img src="img/10060.png" alt="" width="76px" height="40px"  ></a>
      <a href=""><img src="img/10060.png" alt="" width="76px" height="40px"  ></a>
      <a href=""><img src="img/10060.png" alt="" width="76px" height="40px"  ></a>
      </p>
    </div>
   <script>
    // 回到顶部
let oBtn = document.getElementById("btn");
window.onscroll = function(){
    let scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
    if(scrollTop >= 300){
        oBtn.style.display = "block";
    }else{
        oBtn.style.display = "none";
    }
}
let timer = null;
oBtn.onclick = function(){
    clearInterval(timer);
    
    timer = setInterval(function(){
        let iCur = document.documentElement.scrollTop || document.body.scrollTop;
        let iSpeed = -iCur/4;
        iSpeed = Math.floor(iSpeed);
        
        document.documentElement.scrollTop = document.body.scrollTop = iCur + iSpeed;
        
        if(iCur == 0){
            clearInterval(timer);
        }
        
    },30);
}


var heads = document.querySelectorAll(".nav>li");
      for (var i = 0; i < heads.length; i++) {
        heads[i].onmouseover = function () {
          this.children[1].style.display = "block";
        };
        heads[i].onmouseout = function () {
          this.children[1].style.display = "none";
        };
      }
    </script>
  </body>
</html>

